import { Component } from '@angular/core';
import { TodoService } from './todolist.service';
import { Todo } from './todolist.model';

@Component({
  selector: 'app-todolist',
  templateUrl: './todolist.component.html',
  styleUrls: ['./todolist.component.less'],
})
export class TodolistComponent {
  todos: Todo[] = [];

  constructor(private todoService: TodoService) {
    this.todoService.getTodos().subscribe((todos) => {
      console.log(todos);
      this.todos = todos;
    });
  }

  addTodo() {
    const newTodo = new Todo('New Todo');
    this.todoService.addTodo(newTodo);
  }

  removeTodo(todo: Todo) {
    this.todoService.removeTodo(todo);
  }
}
